﻿@using Umbraco.Web
@using Umbraco.Web.Install.Controllers
@{
    Layout = null;
}
<!doctype html>
<html lang="en">
<head>
    <base href="@ViewBag.UmbracoBaseFolder/" />
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Install Umbraco</title>
    <link rel="stylesheet" href="assets/css/installer.css" />
</head>

<body ng-class="{loading:installer.loading}" ng-controller="Umbraco.InstallerController" id="umbracoInstallPageBody">

    <img src="assets/img/application/logo_white.png" id="logo" />

    <div class="umb-loader-container" ng-style="{'width': installer.progress}">
        <div class="umb-loader" id="loader" ng-if="installer.loading"></div>
    </div>

    <div id="overlay"  ng-cloak ng-animate="'fade'" ng-show="installer.done"></div>

    <div id="installer" class="absolute-center clearfix"
         ng-cloak
         ng-animate="'fade'"
         ng-show="installer.configuring">
        
        <div ng-if="installer.current" ng-switch on="installer.current.view">
            <div ng-switch-when="ysod">
                <h1>A server error occurred</h1>
                <p>This is most likely due to an error during application startup</p>
                <iframe id="ysod"></iframe>
            </div>
            <div ng-switch-default ng-include="installer.current.view"></div>    
        </div>
    </div>


    <div ng-cloak ng-animate="'fade'" id="fact" class="absolute-center clearfix" ng-show="installer.fact">
        <h2>Did you know</h2>
        <p ng-bind-html-unsafe="installer.fact"></p>
    </div>
    
    <h3 ng-cloak ng-animate="'fade'" id="feedback" ng-show="installer.feedback">{{installer.feedback}}</h3>     
    <script type="text/javascript">
        var Umbraco = {};
        Umbraco.Sys = {};
        Umbraco.Sys.ServerVariables = {
            "installApiBaseUrl": "@ViewBag.InstallApiBaseUrl",
            "umbracoBaseUrl": "@ViewBag.UmbracoBaseFolder"
        };
    </script>
    <script src="lib/yepnope/yepnope.min.js"></script>
    <script src="js/install.loader.js"></script>
</body>
</html>
